<template>
	<view class="container">
		<image src="../../static/report/bj1.jpg" mode=""></image>
		<image src="../../static/report/bj2.jpg" mode=""></image>
		<view class="button">
			<u-button v-for='(item,index) in butList' :key="index" class="custom-style" :text="item.text" shape="circle" color="#FFB258" @click="butChange(item)"></u-button>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				butList:[
					{
					 text:'前往举报',
					 path:'/pages/reportingPlatform/report/index'
					}
					// ,{
					//  text:'举报查询',
					//  path:'/pages/reportingPlatform/reportInqurie/index'
					// }
				]
			}
		},
		methods: {
			butChange(item) {
				let path = item.path;//跳转路径
				uni.navigateTo({
					url:path
				})
			}
		},

	}
</script>

<style scoped lang="scss">
	.container {
		width: 100%;
		height: 100vh;
		// background-color: red;
		display: flex;
		flex-direction: column;
		position: relative;

		image {
			width: 100%;
			height: 50%;
			padding: 0;
			margin: 0;
		}

		.button {
			width: 80%;
			position: absolute;
			left: 0;
			right: 0;
			top: 70%;
			margin: 0 auto;
			display: flex;

			>.custom-style {
				width: 40%;
			}
		}
	}
</style>